@charset "utf-8";
/* CSS Document */

/*头部*/
.header{width:100%; min-height:60px; z-index:100; position:relative; background:#fff;box-shadow:0 1px 4px rgba(228, 228, 228, 0.95); z-index:9999;}
.container{width:1200px; margin:0 auto; min-height:60px;}
.header_con{width:1200px; margin:0 auto; clear:both; position:relative; min-height:60px;}
.header_con_left{width:20%; float:left; margin-top:11px;}
.header_con_right{float:right; display:block;}
.header-nav{width:100%; min-height:60px;}
.header-nav li{float:left; display:inline-block; text-align:center; line-height:60px; width:100px;  position:relative;}
.header-nav li.hover{color:#fff;}
.sub_nav{position:absolute; top:60px; width:100%; display:none; left:0; z-index:9999;}
.header-nav li a{font-size:1.2rem; display:block; width:100%;}
.header-nav .sub_nav a{display:block; background:url(../images/txtbg5.png) repeat; color:#fff; line-height:30px;}
.header-nav .sub_nav a:hover{background:#999; color:#fff; background:url(../images/bg8.png) repeat;}
.header-nav .item a.on{color:#fff;background:#e6400c;}
.header-nav .item.current{color:#fff;background:#e6400c;}
.header-nav span{display:block; line-height:60px;}
.mobi_toggler{position:absolute; display:none; right:10%; top:10px; color:#D8D8D8; border:1px solid #D8D8D8; border-radius:100% !important;width:32px; height:32px; background:url(../images/toggler.png) no-repeat 6px 8px;}
.mobi_toggler:hover{background:url(../images/toggler.png) no-repeat 6px -28px #e6400c;}
.current{background:#e6400c; color:#fff;}
.header-nav .current .item a{color:#fff;}
.header-nav .current .item{color:#fff; background:#e6400c;}


/*banner*/
.banner{width:100%; overflow:hidden; position:relative; z-index:0;}
.bannerimg{width:100%; overflow:hidden; position:relative;}
.bannerimg img{width:100%;}
.bannerimg li{width:100%;}
.dot,.dot ul{position:absolute; bottom:30px; left:0; right:0; z-index:999; height:20px;}
.dot ul{ width:100%; text-align:center; height:20px;  *margin-left:50%;}
.dot li{border-radius:15px; margin-right:15px; cursor:pointer; width:15px; display:inline-block;*float:left; height:15px; background:#fff;}
.dot li.on{background:#e6400c;}

/*产品服务*/
.content{width:100%; margin:20px 0 -40px 0;}
.row{width:100%; overflow:hidden; margin:40px auto;}
.items{width:25%; float:left;}
.items a{display:block; padding:10px; border-right:1px solid #ccc;}
.items a:hover h3,.items a:hover p{color:#0e7be4; display:block;}
.items:last-child a{border-right:none;}
.items h3{text-align:center; font-size:18px; line-height:30px; font-family: "Open Sans", Arial, sans-serif; font-weight:700;}
.items p{padding:10px 20px; display:none;}
#dbRoWrap{position:relative;width:103px; overflow:hidden; height:114px; margin:0 auto;}
.dbRo{position:absolute; left:0px; width:103px; height:114px;}
#dbRoWrap img{position:absolute;width:103px; height:114px; border:0; left:0;}
/*产品服务*/

/*关于我们*/
.text-left{width:50%; float:left;}
.panel-group{width:90%; margin:20px auto;}
.panel-default{margin-top:5px;padding-bottom: 14px; border-bottom:1px solid #ccc;}
.panel-heading a{ font-size:20px; line-height:30px; display:block;  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.panel-heading a i{display:inline-block; width:22px; height:22px; background:url(../images/index/add.png) no-repeat center center ; float:left; margin-right:10px; margin-top:5px;}
.panel-heading a i.on{background:url(../images/index/add_01.png) no-repeat center center;}
.panel-collapse p{padding-left:30px; font-size:14px; margin-top:10px;}
.panel-collapse{display:none; padding-bottom:10px;}
/*关于我们*/

/*团队建设*/
.teams{width:100%; overflow:hidden;}
.teams ul{width:100%; overflow:hidden; margin:50px auto;}
.teams li{width:33%; float:left;}
.teams li div{padding:0 20px;}
.teams li div img{width:100%; display:block;}
.teams li p{text-align:center; line-height:20px; color:#E54A1A}
.teams li h3{font-size:20px; text-align:center; line-height:30px;}
/*团队建设*/

/*最新活动*/
.portfolio{width:100%; overflow:hidden; margin:40px auto;}
.img-responsive{width: 16.66666667%; float:left; position:relative; overflow:hidden; cursor:pointer;}
.img-responsive img{width:100%; display:block; z-index:999;}
.img-responsive a{display:block; position:absolute; cursor:pointer; left:0; right:0; bottom:-100%; height:100%; background:url(../images/index/dot.png) repeat;}
.valign-center-elem{position: absolute;top: 50%;margin-top: -39px;width: 100%;height: 78px;}
.valign-center-elem strong,.valign-center-elem em,.valign-center-elem b{display:block; text-align:center; color:#fff; margin-bottom:10px;}
.valign-center-elem b{border:1px solid #fff; text-align:center; font-size:14px; padding:5px; margin-top:10px; width:50px; margin:0 auto;}
.valign-center-elem b:hover{background:#fff; color:#e6400c;}
/*最新活动*/

.joinus{margin:30px auto 0;}
.friends{background: #f6f6f6;padding: 17px 0;text-align: center; width:100%; overflow:hidden;}

/*底部*/
.footer{background:#313030; width:100%; padding:20px 0 0 0; color:#c2c1c1;}
.footer_left{width:40%; float:left; padding-right:3%;}
.footer h2{font-size:1.5rem; color:#c2c1c1; line-height:3rem;}
.footer_left p{margin-bottom:10px; color:#c2c1c1;}
.footer a{color:#57c8eb;}
.copyright{background:#272626; color:#fff; padding:10px 0;}
.copyright div{color:#fff;}
.copyright div a{text-decoration:underline; color:#fff;}

/*招聘*/
.recruitment_title{width:100%; text-align:center;}
.recruitment_title h4{line-height:50px; font-size:20px;}
.recruitment_title span{display: inline-block;padding-top: 5px;width: 100px;height: 1px; margin:0 10px; line-height: 30px;border-top: 1px solid #babdc1;}
.recruitment{border:1px solid #a9a9a9; overflow:hidden; margin:20px auto;}
.recruitment_left{background:#a9a9a9; color:#fff; width:25%; float:left;}
.recruitment_right{width:75%; float:left;}
.recruitment_left span{display:block; width:90%; cursor:pointer; margin:0 auto; border-bottom:1px solid #c3c2c2; line-height:55px; color:#fff;}
.recruitmentnav.on{background:#e85425;}
.recruitmentnav.on span{border-bottom:none;}
.recruitmentbox{padding:20px 30px; display:none;}
.recruitmentbox h2{color:#000; font-size:1.5rem; line-height:50px; font-weight:bold;}
.recruitmentbox h3{color:#e85425; font-size:1.2rem; line-height:30px;}
.recruitmentbox div{margin-bottom:20px;}


/*积分*/
.jifentxt h4{color:#0e7be4; font-size:1.5rem; font-weight:bold; line-height:2rem;}
.jifentxt div{padding-top:30px;}
.jifentxt{padding-bottom:30px;}
.long_title{color:#fff; width:100%; clear:both; text-align:center; font-size:2.5rem; background:#e85425; padding:10px 0;}
.fufen .images{width:50%; margin:0 auto;}
.fufen .images img{display:block; width:100%;}
.fufen .txt1{margin-left:30%;}
.txt1{background:url(../images/dot.png) no-repeat left center; padding-left:30px; line-height:30px;}
.fufen_icon,.fufen_icon ul{width:100%; overflow:hidden;}
.fufen_icon ul li{float:left; width:30%; padding:10px 10%;}
.fufen_icon ul li p{text-align:center;}
.fufen_icon ul li h3{font-size:1.8rem; font-weight:bold; text-align:center; line-height:4rem;}
.fufen .bgcolor{padding:10px 0;}
.f_icon{width:100%; overflow:hidden; margin:30px auto;}
.f_icon li{width:25%; text-align:center; float:left; margin-bottom:30px;}
.img{width:90%; margin:2rem auto; text-align:center;}
.img img{width:90%;}

.txtbox{border:1px solid #c2c2c2; width:79%; overflow:hidden; border-radius:1rem; background:url(../images/line.jpg) no-repeat center center #ededed; padding:74px 5%; margin:0 auto;}
.txtbox dl{width:40%; float:left; padding:30px 5%;}
.txtbox dt{width:40%; float:left; line-height:60px; font-size:2rem;}
.txtbox dd{float:left; width:60%;}
.txt2{background:url(../images/dot2.jpg) no-repeat left top; padding-left:3%; font-size:1.4rem; width:85%; margin:2rem auto;}
.logos{width:90%; margin:0 auto;}
.logos span{display:inline-block; min-height:60px; padding-right:10px;}

/*团队建设*/
.txt_3{text-indent:2rem;}
.happy ul{width:100%; overflow:hidden; margin:2rem auto;}
.happy ul li{float:left; width:33.3%; min-height:370px;}
.happy ul li div{width:340px;}
.happy ul li div img{width:100%;}
.happy ul li h4{text-align:center; width:340px; font-size:1.4rem; line-height:3rem; color:#040404; font-weight:bold;}
.happy ul li p{width:340px; color:#040404; font-size:0.8rem;}
.happy_con{width:340px; margin:0 auto;}
.xinzi ul{width:100%; overflow:hidden;}
.xinzi ul li{width:33.3%; text-align:center; float:left; margin-bottom:2rem;} 
.fuli{width:100%; overflow:hidden; margin:20px auto;}
.fuli ul{width:100%; min-height:200px; margin-top:33px; clear:both; }
.fuli ul li{float:left; width:20%; float:left;}
.fulibox{width:160px; position:relative; padding-top:40px; border:1px solid #b7b8b8; height:211px;}
.fuliimg{position:absolute; left:0; top:-33px; text-align:center; width:160px;}
.fulibox p{text-align:center; line-height:30px; font-size:15px;}

/*跨境商品*/
.cross{width:100%; margin:1rem auto;}
.cross_title{width:1180px; border-bottom:1px solid #ccc; margin:20px 0 20px 0; line-height:30px; position:relative; font-size:16px; font-weight:bold; color:#f00;}
.cross_title a{position:absolute; right:0;}
.cross_con,.cross_con ul{width:100%; overflow:hidden;}
.cross_con ul li{width:276px; margin-right:20px; float:left;}
.cross_con ul li a{display:block; border:2px solid #d4d4d4; padding:20px;}
.crossbox{width:100%; overflow: hidden;}
.c_img{width:100%;}
.c_img img{width:100%;}
.crossbox h3{font-size:15px; font-weight:bold;}
.crossbox p{font-size:12px; padding:5px 0;min-height: 40px;}
.pey{color:#f00;}

/*详情*/
.title{width:100%; line-height:30px; border-bottom:1px solid #ccc; margin:20px auto;}
.crosslist{width:100%; overflow:hidden; position:relative; margin-bottom:30px;}
.cross_left{width:548px; float:left; border:1px solid #ccc; border-radius:20px; padding:20px;}
.cross_left img{width:100%;}
.cross_right{float:left; width:540px; margin-left:60px;}
.cross_right h3{font-size:25px; font-weight:bold; color:#000; line-height:60px;}
.cross_right dl{line-height:30px; padding:10px;}
.cross_right dl dd{width:100%; overflow:hidden; margin-bottom:20px;}
.cross_right dl dd span{display:inline-block; float:left; margin-right:20px;}
.cross_right dl dd strong{display:inline-block; float:left; width:70%;}
.pays a{color: #fff; display:inline-block; background: #f04848; border-radius:10px; text-align: center;line-height: 60px;width: 200px;height: 60px;font-size: 24px;cursor: pointer;}
.pays{width:100%; position:absolute; bottom:30px; right:0; width:540px; text-align:left;}
.font_25{font-size:35px; color:#f00;}
.shu{float:left; width:75px; height:28px; border:1px solid #ccc; border-right:none;}
.shu a{border-right:1px solid #ccc; background:url(../images/pic/shu.png) no-repeat; cursor:pointer; display:inline-block; width:24px; float:left; height:28px;}
.shu .jia{background-position:-50px 0;}
.shu .jia.on{position:-150px 0;}
.shu .jian.on{position:-100px 0;}
.shu i{width:24px; text-align:center; line-height:28px; display:inline-block; float:left; border-right:1px solid #ccc;}

.xiang{border:1px solid #ccc; margin-bottom:20px;}
.xiangtitle{height:60px; background:#c4b6b6; line-height:60px;}
.xiangtitle a{display:inline-block; float:left; width:120px; text-align:center; color:#fff; font-size:16px;}
.xiangtitle a.on{background:#9f8f8f;}
.xiangbox{padding:20px;}
.parameter dl{width:100%; overflow:hidden;}
.parameter dl dd{width:50%; float:left; line-height:30px;}
.parameter dl dd span{width:110px; text-align:right; display:inline-block; font-weight:bold; margin-right:10px;}
.parameter dl dd strong{}
.parameterimg{text-align:center; margin-top:20px;}
.parameterimg img{width:80%; display:block; margin:0 auto;}